<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>留言板</title>

    <style>
        body {
        background-image: url("bei1.jpg"); /* 图片路径 */
        background-size: cover;          /* 覆盖整个页面 */
        background-repeat: no-repeat;   /* 防止平铺 */
        background-attachment: fixed;    /* 固定背景（可选） */
        margin: 0;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 100vh;
    }


        .message-list {

            list-style-type: none;

            padding: 0;

        }

        .message-item {

            margin-bottom: 10px;

            padding: 10px;

            border: 1px solid #ccc;

            background-color: #f9f9f9;

        }

    </style>

</head>

<body>

    <h1>留言板</h1>

    <form id="message-form">

        <label for="message">留言：</label><br>

        <textarea id="message" name="message" rows="4" cols="50"></textarea><br>

        <button type="submit">提交留言</button>

    </form>

    <ul id="message-list" class="message-list"></ul>

    <script src="tool.js"></script>

</body>

</html>